<!DOCTYPE html>
<html>
    <head>
        <title>标梵小秘书</title>
        <meta name="description" content="标梵小秘书"/>
        <meta name="keywords" content="标梵小秘书"/>
        <meta charset="utf-8">
        <meta name="robots" content="all" />
        <meta name="author" content="biaofan.com.cn" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <link href="css/am.css" rel="stylesheet"/>
        <link href="css/iconfont.css" rel="stylesheet"/>
        <link href="css/style.css" rel="stylesheet"/>
        <link rel="stylesheet" href="css/flexslider.css">
        <script src="js/jquery.js"></script>
        <script src="js/jquery.flexslider.js"></script>
    </head>
    <body>

    <div class="webpage">
        <!-- 品牌网站建设 -->
        <div class="websiteBuilding _style2" style="padding-bottom: 0;">
            <div class="module1">
                <img class="logo fadeInRight wow" src="http://logo.biaofun.com/biaofuna.svg" alt="BIAOFUN·标梵互动" title="BIAOFUN·标梵互动">
                <i class="circle grad2 big-c fadeInLeft wow" data-wow-delay="100ms"></i>
                <i class="circle grad2 small-c small-c1 fadeInLeft wow" data-wow-delay="300ms"></i>
                <div class="text">
                    <img class="pic-1 fadeInUp wow" src="./images/serviceCategory-3-pic1.png" alt="" data-wow-delay="100ms">
                    <img class="pic-2 fadeInUp wow" src="./images/serviceCategory-3-pic2.png" alt="" data-wow-delay="300ms">
                    <a class="grad2 fadeInUp wow" href="" data-wow-delay="500ms">立即咨询</a>
                    <i class="ring fadeInRight wow"></i>
                    <i class="circle grad2 small-c small-c2 fadeInRight wow"></i>
                </div>
                <img class="fadeInUp wow" src="./images/serviceCategory-3-pic3.jpg" alt="" style="">
            </div>

            <div class="module2">
                <img class="pic-1 fadeInUp wow" src="./images/serviceCategory-3-pic4.png" alt="" >
                <img class="pic-2 fadeInUp wow" src="./images/serviceCategory-1-pic8.png" alt="">
                <p class="fadeInUp wow">对网站进行整体分析，分析网站功能及目的，确定网站的用户群</p>
                <i class="ring fadeInLeft wow"></i>
            </div>

            <div class="module3">
                <i class="circle grad2 small-c small-c1"></i>
                <img class="pic-1 fadeInUp wow" src="images/serviceCategory-3-pic5.png" alt="">
                <p class="title fadeInUp wow">勤奋·积累·探索·发现</p>
                <div class="text fadeInUp wow">
                    <p>我们以独创的一体化网络营销服务（企业网络营销，品牌网站定制，移动终端定制，微信营销定制）为服务基础，帮您完成网络品牌的树立和营销，为您提供全方位的解决方案。</p>
                </div>
                <ul class="advantage-B-1">
                    <li class="fadeInUp wow">
                        <div class="pic">
                            <i class="sprite"></i>
                            <h3 class="c-bule">一站式解决方案</h3>
                        </div>
                        <p>PC端+手机端+微信管理三平台融合数据统一，方便管理。节省及平台跳转管理的瓶颈</p>
                    </li>
                    <li class="fadeInUp wow">
                        <div class="pic">
                            <i class="sprite"></i>
                            <h3 class="c-orange">优化效果</h3>
                        </div>
                        <p>优化关键词排名 缩短优化周期程序结构原创，百度（搜索引擎）优先抓取和收录原创程序，利于SEO优化</p>
                    </li>
                    <li class="fadeInUp wow">
                        <div class="pic">
                            <i class="sprite"></i>
                            <h3 class="c-purple">安全稳定</h3>
                        </div>
                        <p>我们只和阿里云合作，为您提供更加全面的全方位服务，更加专业的行业应用，帮助您跨入云计算数据时代</p>
                    </li>
                    <li class="fadeInUp wow">
                        <div class="pic">
                            <i class="sprite"></i>
                            <h3 class="c-yello">自主版权</h3>
                        </div>
                        <p>扬帆CMS自主独立开发 具有软件知识产权，根基您的需求灵活定制，无需考虑版权问题。</p>
                    </li>
                </ul>
            </div>

            <div class="module4">
                <i class="ring ring1"></i>
                <i class="ring ring2"></i>

                <img class="pic-1 fadeInUp wow" src="images/serviceCategory-3-pic6.png" alt="">
                <p class="title fadeInUp wow">客户在选择我们的同时，我们也在选择客户</p>
                <ul class="advantage-B-2">
                    <li class="fadeInUp wow">
                        <i class="sprite"></i>
                        <div class="text">
                            <p>标梵累计服务客户</p>
                            <p><span class="visbycf">130+</span>集团企业<span class="visbycf">80+</span>传统行业</p>
                        </div>
                    </li>
                    <li class="fadeInUp wow">
                        <i class="sprite"></i>
                        <div class="text">
                            <p>为客户提高销量数据</p>
                            <p><span class="visbycf">35%</span>集团企业<span class="visbycf">79%</span>传统行业</p>
                        </div>
                    </li>
                    <li class="fadeInUp wow">
                        <i class="sprite"></i>
                        <div class="text">
                            <p>品牌传播曝光</p>
                            <p><span class="visbycf">35%</span>集团企业<span class="visbycf">79%</span>传统行业</p>
                        </div>
                    </li>
                </ul>
            </div>

            <div class="module5">
                <h3 class="fadeInUp wow">标梵十五年行业积累客户分布</h3>
                <div id="chart1" style="height: 250px;"></div>
            </div>

            <div class="module6 fadeInUp wow">
                <img src="images/serviceCategory-1-pic9.png" alt="">
            </div>

            <div class="module7">
                <img class="fadeInUp wow" src="images/serviceCategory-3-pic7.png" alt="">
                <div class="promotions-list">
                    <ul class="li-list-a clear">
                        <li class="fl fadeInUp wow">
                            <a href="">
                                <div class="pic-img" style="background: url(images/index-active-1.png) center center no-repeat;height: 90px;"></div>
                                <p>行业建站优惠方案</p>
                            </a>
                        </li>
                        <li class="fl fadeInUp wow">
                            <a href="">
                                <div class="pic-img" style="background: url(images/index-active-2.png) center center no-repeat;height: 90px;"></div>
                                <p>推广优化优惠方案</p>
                            </a>
                        </li>
                        <li class="fl fadeInUp wow">
                            <a href="">
                                <div class="pic-img" style="background: url(images/index-active-3.png) center center no-repeat;height: 90px;"></div>
                                <p>品牌VI优惠方案</p>
                            </a>
                        </li>
                        <li class="fl fadeInUp wow">
                            <a href="">
                                <div class="pic-img" style="background: url(images/index-active-4.png) center center no-repeat;height: 90px;"></div>
                                <p>行业建站优惠方案</p>
                            </a>
                        </li>
                        <li class="fl fadeInUp wow">
                            <a href="">
                                <div class="pic-img" style="background: url(images/index-active-3.png) center center no-repeat;height: 90px;"></div>
                                <p>品牌VI优惠方案</p>
                            </a>
                        </li>
                        <li class="fl fadeInUp wow">
                            <a href="">
                                <div class="pic-img" style="background: url(images/index-active-4.png) center center no-repeat;height: 90px;"></div>
                                <p>行业建站优惠方案</p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            
            <div class="module8" style="background: url('images/serviceCategory-1-pic10.png') center center no-repeat;background-size: cover;height: 220px">
                <a href="">
                    <img class="fadeInUp wow" src="./images/share-it.png" alt="" >
                </a>
                <p class="fadeInUp wow">Copyright©2013-2018 BionFun ALL RIGHTS RESERVED.</p>
            </div>
        </div>
    </div>


    <script src="js/base.js"></script>
    <script src="js/wow.min.js"></script>
    <script src="http://echarts.baidu.com/build/dist/echarts-all.js"></script>
    <script type="text/javascript">
        // 基于准备好的dom，初始化echarts图表
        var myChart1 = echarts.init(document.getElementById('chart1'));

        var option = {
                series : [
                    {
                        name:'访问来源',
                        type:'pie',
                        radius : [60, 90],
                        funnelAlign: 'left',
                        max: 1048,
                        data:[
                            {value:335, name:'政府机构'},
                            {value:310, name:'大型企业'},
                            {value:234, name:'联盟'},
                            {value:135, name:'广告视频'}
                        ]
                    }
                ]
            };
        // 为echarts对象加载数据 
        myChart1.setOption(option); 
       

        // 一个页面多个图表的自适应解决方法
        window.addEventListener("resize", function () {
            myChart1.resize();
        });
    </script>
    <script>
        $("ul.advantage-B-1").each(function(){
            $(this).find("li").each(function(i){
                if(i == 1){
                    $(this).addClass("item1");
                }else{
                    $(this).addClass("item" + i);
                }
            });
        });

        $("ul.advantage-B-2").each(function(){
            $(this).find("li").each(function(i){
                if(i == 1){
                    $(this).addClass("item1");
                }else{
                    $(this).addClass("item" + i);
                }
            });
        }); 
    
    </script>
    </body>
</html>
